.tabs {
  margin: 10px; }

.tabs .tab-content {
  padding: 15px; }

.tabs .tab-content.no-padding {
  padding: 0; }

/* ========================= Tabs Top */
.tabs-top .nav-tabs {
  margin-bottom: -1px; }

.tabs-top .tab-content {
  border: 1px solid #ddd; }

.tabs-top > .nav-tabs > .active > a,
.tabs-top > .nav-tabs > .active > a:hover,
.tabs-top > .nav-tabs > .active > a:focus {
  outline: 0; }

/* Pills */
.tabs-top > .nav-pills {
  margin: 5px 0; }

/* ========================= Tabs Left */
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 40px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin: 0 -1px 0 0;
  border-right: 1px solid #ddd;
  border-bottom: 0; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  outline: 0; }

.tabs-left > .tab-content {
  border: 1px solid #ddd; }

/* Pills */
.tabs-left > .nav-pills {
  margin: 0 5px;
  float: left; }

.tabs-left > .nav-pills > li,
.tabs-right > .nav-pills > li {
  float: none; }

/* ========================= Tabs Right */
.tabs-right > .nav-tabs {
  float: right;
  border-left: 1px solid #ddd;
  margin: 0 0 0 -1px;
  border-bottom: 0; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
  outline: 0; }

.tabs-right .tab-content {
  border: 1px solid #ddd; }

/* Pills */
.tabs-right > .nav-pills {
  margin: 0 5px;
  float: right; }

/* ========================= Tabs Bottom */
.tabs-bottom > .nav-tabs {
  margin-top: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 0; }

.tabs-bottom > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-bottom > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-bottom > .nav-tabs > li > a:hover,
.tabs-bottom > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent; }

.tabs-bottom > .nav-tabs > .active > a,
.tabs-bottom > .nav-tabs > .active > a:hover,
.tabs-bottom > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
  outline: 0; }

.tabs-bottom > .tab-content {
  border: 1px solid #ddd; }

/* Pills */
.tabs-bottom > .nav-pills {
  margin: 5px 0; }

/* ============================================================================= Panel Tabs */
.tab-container .tabs {
  margin: 0; }

/* ======= Top ====== */
.tab-container > .tabs-top.no-padding > .tab-content {
  border: 0;
  border-top: #ddd; }

.tab-container .tabs-top.no-padding > .nav-tabs > li {
  border-top: 0; }

.tab-container .tabs-top.no-padding > .nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: 0; }

.tab-container .tabs-top.no-padding > .nav-tabs > li > a:hover,
.tab-container .tabs-top.no-padding > .nav-tabs > li > a:focus {
  border-bottom-color: #ddd;
  border-top-color: transparent;
  border-top: 0; }

.tab-container .tabs-top.no-padding > .nav-tabs > .active > a,
.tab-container .tabs-top.no-padding > .nav-tabs > .active > a:hover,
.tab-container .tabs-top.no-padding > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd transparent #ddd;
  outline: 0;
  border-top: 0; }

.tab-container .tabs-top.no-padding > .nav-tabs > li:first-child > a:hover,
.tab-container .tabs-top.no-padding > .nav-tabs > li:first-child > a:focus,
.tab-container .tabs-top.no-padding > .nav-tabs > li:first-child > a,
.tab-container .tabs-top.no-padding > .nav-tabs > li:first-child {
  border-left: 0; }

/* ======= Left ====== */
.tab-container > .tabs-left.no-padding > .tab-content {
  border: 0;
  border-left: 1px solid #ddd; }

.tab-container .tabs-left.no-padding > .nav-tabs > li {
  border-right: 0; }

.tab-container .tabs-left.no-padding > .nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 0; }

.tab-container .tabs-left.no-padding > .nav-tabs > li:first-child > a:hover,
.tab-container .tabs-left.no-padding > .nav-tabs > li:first-child > a:focus,
.tab-container .tabs-left.no-padding > .nav-tabs > li:first-child > a,
.tab-container .tabs-left.no-padding > .nav-tabs > li:first-child {
  border-top: 0; }

/* ======= Bottom ====== */
.tab-container > .tabs-bottom.no-padding > .tab-content {
  border: 0; }

.tab-container .tabs-bottom.no-padding > .nav-tabs > li {
  border-top: 0; }

.tab-container .tabs-bottom.no-padding > .nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 0; }

.tab-container .tabs-bottom.no-padding > .nav-tabs > li > a:hover,
.tab-container .tabs-bottom.no-padding > .nav-tabs > li > a:focus {
  border-bottom-color: #ddd;
  border-top-color: transparent;
  border-bottom: 0; }

.tab-container .tabs-bottom.no-padding > .nav-tabs > .active > a,
.tab-container .tabs-bottom.no-padding > .nav-tabs > .active > a:hover,
.tab-container .tabs-bottom.no-padding > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd transparent #ddd;
  outline: 0;
  border-top: 0; }

.tab-container .tabs-bottom.no-padding > .nav-tabs > li:first-child > a:hover,
.tab-container .tabs-bottom.no-padding > .nav-tabs > li:first-child > a:focus,
.tab-container .tabs-bottom.no-padding > .nav-tabs > li:first-child > a,
.tab-container .tabs-bottom.no-padding > .nav-tabs > li:first-child {
  border-left: 0; }

/* ======= Right ====== */
.tab-container > .tabs-right.no-padding > .tab-content {
  border: 0;
  border-right: 1px solid #ddd; }

.tab-container .tabs-right.no-padding > .nav-tabs > li {
  border-right: 0; }

.tab-container .tabs-right.no-padding > .nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-right: 0; }

.tab-container .tabs-right.no-padding > .nav-tabs > li:first-child > a:hover,
.tab-container .tabs-right.no-padding > .nav-tabs > li:first-child > a:focus,
.tab-container .tabs-right.no-padding > .nav-tabs > li:first-child > a,
.tab-container .tabs-right.no-padding > .nav-tabs > li:first-child {
  border-top: 0; }

/* ===================================================================== Pills */
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  outline: 0; }

.tabs.no-padding.tabs-top .nav-pills,
.tabs.no-padding.tabs-bottom .nav-pills {
  margin-left: 10px; }

.tab-container .tabs.no-padding.tabs-left .nav-pills,
.tab-container .tabs.no-padding.tabs-right .nav-pills {
  margin-top: 10px; }

.tab-container .tabs.no-padding.tabs-top .tab-content {
  border-top: 1px solid #ddd; }
